<script setup>
  import { ref } from 'vue'
  const msg = ref('')
</script>

<template>
  <div>
    <p>{{ msg }}</p>
    <input
      type="text"
      v-model="msg"
    >
    <!-- 
      v-model 本质
        :value="msg" : 是数据更新视图
        $event 是获取相对应的事件 
        $event.target 是获取触发该事件的对象 
        $event.target.value 是获取该对象的值

    -->
    <input
      type="text"
      :value="msg"
      @input="msg = $event.target.value"
    >
  </div>
</template>


<style scoped></style>